.spinner-area {
  position: relative;
  overflow: hidden;

  .facade {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;

    .overlay {
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      background: color-mix(in srgb, var(--color-shadow), transparent 10%);
    }
  }
}
